.app {
	padding: 400upx 30upx 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	.app-1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 214upx;
		background: #ffffff;
		box-shadow: 0px 0px 16upx 0px rgba(6, 0, 1, 0.19);
		border-radius: 20upx;
		margin: 0 0 40upx;
		navigator {
			display: block;
			text-align: center;
			flex: 1;
			image {
				width: 100upx;
				margin: 0 auto 15upx;
			}
			text {
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #4b4b4b;
			}
		}
	}
	.app-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		text {
			position: relative;
			padding-left: 40upx;
			font-size: 32upx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #4b4b4b;
			&::before {
				content: '';
				position: absolute;
				width: 10upx;
				height: 34upx;
				background: #ff0000;
				border-radius: 4upx;
				top: 4upx;
				left: 0;
			}
		}
		navigator {
			font-size: 24upx;
			font-family: Source Han Sans CN;
			font-weight: 500;
			color: #999999;
		}
	}
	.app-2 {
		.app2-con {
			display: flex;
			padding: 40upx 0 30upx;
			white-space: nowrap;
			.app21 {
				margin-right: 30upx;
				&:last-child{
					margin-right: 0;
				}
			}
		}
	}
	.app-3{
		padding: 30upx 0;
	}
}
